<template>
  <vue-danmaku
    class=""
    style="width: 100%; height: 100%;position: fixed;"
    ref="danmaku"
    :danmus="danmus"
    use-slot
    loop
    randomChannel
    :speeds="100"
    >
    <!-- 弹幕插槽（vue 2.6.0 及以上版本可使用 v-slot:dm="{ index, danmu }"语法） -->
    <template slot="dm" slot-scope="{ index, danmu }">
      <div class="j-barrager">
        <img :src="danmu.avatar">
        <p>{{ danmu.message }}</p>
      </div>
    </template>
    <!-- 容器插槽 -->
    <div></div>
  </vue-danmaku>
</template>

<script>
// 1. 引入
import vueDanmaku from 'vue-danmaku'

export default {
  name: "AntsBaberrage",
  components: {
    // 2. 注册
    vueDanmaku
  },
  props:{
    danmus:{
      type: Array,
      required: true
    }
  },
  data() {
    return {
    }
  },
  methods: {}
}
</script>

<style scoped>

</style>
